<template>
  <!--<div class="inspection_type_status">
    <span class="block_label_color mad_label font_block"
          :class="stateColor">{{data.inspectionTypeLabel}}</span>
  </div>-->
  <span>{{data.inspectionTypeLabel}}</span>
</template>

<script>
export default {
  name: 'InspectionType',
  props: {
    data: Object
  },
  computed: {
    // 根据检验状态返回相应class
    stateColor() {
      switch (this.data.inspectionTypeValue) {
        case '1':
          // 自检
          return 'inspection_type_self'
        case '2':
          // 专检
          return 'inspection_type_proper'
        case '3':
          // 抽检
          return 'inspection_type_sampling'
      }
    }
  }
}
</script>

<style lang="less">
  .inspection_type_status{
    .block_label_color{
      background-color: transparent!important;
      &.inspection_type_self{
        background-color: #fff;
      }
      &.inspection_type_proper{
        background-color: #fff;
      }
      &.inspection_type_sampling{
        background-color: #fff;
      }
    }
  }
</style>
